<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport"
		  content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>通讯录</title>
	<link rel="stylesheet" th:href="@{/webjars/layui/css/layui.css}">

</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo">通讯录</div>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item"><a href="javascript:;">
				<span th:text="${session.account.username}"></span>
			</a>
				<dl class="layui-nav-child">
					<dd>
						<a href="">基本资料</a>
					</dd>
					<dd>
						<a href="">安全设置</a>
					</dd>
				</dl></li>
			<li class="layui-nav-item"><a th:href="@{/auth/logout}">退了</a></li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
			<ul class="layui-nav layui-nav-tree"  lay-filter="test">
				<li class="layui-nav-item layui-nav-itemed">
					<a class="" href="javascript:">通讯录</a>
					<dl class="layui-nav-child" >
						<dd><a th:href="'javascript:showTab(\''+${'customer/toList1'}+'\',\'' +${'管理'}+'\',' + ${21} +');'" >通讯录管理</a></dd>
					</dl>
				</li>
			</ul>
		</div>
	</div>

	<div class="layui-body">
		<!-- 内容主体区域 -->
		<div class="layui-tab" lay-filter="menu" lay-allowClose="true">
			<ul class="layui-tab-title">
				<li class="layui-this">欢迎页</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">欢迎使用本系统</div>
			</div>
		</div>
	</div>

	<div class="layui-footer">
		<!-- 底部固定区域 -->
		© laoyuan - 底部固定区域
	</div>
</div>
<script th:src="@{/webjars/layui/layui.all.js}"></script>
<script th:src="@{/webjars/jquery/jquery.js}"></script>
<script th:src="@{/js/login/main.js}"></script>
</body>
</html>
